<wicket:head>
	<style>
		input {
			height:22px;
		}
	</style>
</wicket:head>
<wicket:extend>
     <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0" style="empty-cells: show;border-collapse: collapse;">
      <tr valign="top" height="10%">
        <td style="border-bottom:1px solid #57869b" >
        	<span wicket:id='header'> Header content go here</span>
        </td>
      </tr>
      <tr valign="top" height="100%">
      	<td style="padding-left:50px;padding-right:50px;">
      	<div style="width:100%;height:100%" >
      	<br/><br/>      	
      	本例还展示了只刷新client的情形，如果在一个有名为client的iframe的界面（如tree例子）上点击此例，会只刷新client<br/><br/>
      	<div style="height:30px">
      	<span wicket:id="feedback">feedbackmessages will be put here</span>
      	</div>
<br/>
<hr/>
<br/>
 
ButtonedEdit (without form,use owner model,id不变不会触发onchange):<br/>
<INPUT wicket:id="buttonedEdit" type="text" /><br/>
<label wicket:id="editText"/>

<br/>
<hr/>
<br/>
 
single (without form,use owner model):<br/>
<INPUT wicket:id="code" type="text" /><br/>
<label wicket:id="codeText"/>

<br/>
<hr/>
<br/>

cascade (with form,use CompoundPropertyModel):<br/>
 <form wicket:id="frm">
	Code1 : <INPUT wicket:id="code1" type="text" /><br/>
	Code2 : <INPUT wicket:id="code2" type="text" /><br/>
	Code3 : <span wicket:id ="code3Container"><INPUT wicket:id="code3" type="text" /></span><br/>
		
	<br/><input type="submit" value="submit" /><input type="reset" />
 </form>

 
<br/>
<hr/>
<br/>

single (without form,user owner model,ajaxchangeEvent):<br/>
<INPUT wicket:id="code_" type="text" />
<label wicket:id="code_Text"/>

<br/>
<hr/>
<br/>
TreeCodeGroup(codeGroupId='AB'):<br/>
<input type="text" wicket:id="code1Test"/>


<br/>
<hr/>
<br/>
ListCodeGroup(codeGroupId='AX'):<br/>
<input type="text" wicket:id="code2Test"/>


    </div>
    	</td>
    	</tr>
    </table>
    <div wicket:id="childWindow"></div> 
</wicket:extend>
